<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>逛好店</title>
    <style>
        .header {
            display: flex;
            align-items: center;
        }

        h2 {
            margin: 0;
            display: inline-block;
        }

        .hjt {
            width: 32px;
            height: auto;
            margin-left: 10px;
            margin-top: 10px;
        }
        .first {
            display: flex;
            width: 40%;
            background: #ffa1d5;
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 20px;
            margin: 20px;
        }

        .wb1 {
            flex-grow: 1;
            padding-right: 20px;
        }

        .wb1 p {
            color: #ff0000;
        }

        .wb1 p1 {
            margin: 0;
            font-size: 14px;
            color: #666;
        }

        .tp1 {
            width: 40%;
            height: auto;
            border-radius: 8px;
        }

        .scoend {
            display: flex;
            width: 40%;
            background: #a1d2ff;
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 20px;
            margin: 20px;
        }

        .wb2 {
            flex-grow: 1;
            padding-right: 20px;
        }

        .wb2 p {
            color: #ff0000;
        }

        .wb2 p1 {
            margin: 0;
            font-size: 14px;
            color: #666;
        }

        .tp2 {
            width: 40%;
            height: auto;
            border-radius: 8px;
        }
    </style>
</head>

<body>
    <div class="header">
        <h2>逛好店</h2>
        <img src="C:\Users\wuxinchen\Desktop\web\web-front-end\作业图片\红箭头.jpg" alt="红箭头" class="hjt" />
    </div>
    <div class="first">
        <div class="wb1">
            <h3>贝恩施京东自营官方旗舰店</h3>
            <p> 自营</p>
            <p1> 277.9万人关注</p1>
        </div>

        <img src="C:\Users\wuxinchen\Desktop\web\web-front-end\作业图片\1.jpg" alt="图片1" class="tp1" />
    </div>
    <div class="scoend">
        <div class="wb2">
            <h3>MAYBE LLINE 美宝莲京东自营官方旗舰店</h3>
            <p>自营</p>
            <p2>192.9万人关注</p2>
        </div>
        <img src="C:\Users\wuxinchen\Desktop\web\web-front-end\作业图片\2.jpg" alt="图片2" class="tp2" />
    </div>

</body>

</html>